const api = {
    area: getApi("地区"),
    cart: getApi("购物车"),
    mainNav: getApi("导航"),
    customerService: getApi("客户服务"),
    enterprisePurchase: getApi("企业采购"),
    websiteNav: getApi("网站导航"),
    myJd: getApi("我的京东"),
};

function getApi(src) {
    return $.get(`../api/${src}.json`)
}

let activLink = 18;
api.area.then(function (data) {
    let mapBox = $("#map1");
    for (let i = 0; i < data.length; i++) {
        if (data[i].title) {
            mapBox.find('div').eq(i).find("p").html(data[i].title);
        }
        data[i].city.forEach((v) => {
            mapBox.find('div').eq(i).find("ul").append(`<li><a href="javascript:;">${v}</a></li>`)
        });
    }
    mapBox.find("div a").eq(activLink).css({
        'backgroundColor': 'red',
        'color': "#fff",
    })
});

hov('#map1')
positionBoxSolo('#map1')

$('.small').hover(function () {
    $('.jt1').css('display', 'none')
    $('.jt2').css('display', 'block')
}, function () {
    $('.jt1').css('display', 'block')
    $('.jt2').css('display', 'none')
})
// ...

var da = sessionStorage.getItem("data")
data = JSON.parse(da)
console.log(data);
$('.showImg').attr('id', data[0])
$('.showImg').find('img').attr('src', data[1]).css({
    "width": "350px",
    "height": "350px",
})
$('.showImg').find('.bigImg').find('img').attr('src', data[1]).css({
    "width": "800px",
    "height": "800px",
})
$('.proMe').find('.title').html(data[2])
$('.proMe').find('.price').html('秒杀价：' + data[3])



// ...
$('#addKey').click(function () {
    console.log(this);
    $.ajax({
        url: '../php/addwq.php',
        data: {
            id: data[0],
            name: data[2],
            price: data[3],
            img: data[1],
            num: 1
        },
        dataType: 'json'
    })
        .then(function (res) {
            if (res.code) {
                showTbody()
            }
        })
})

// ...
$('.btn').click(function (e) {
    var target = e.target;
    if ((target.className == 'add') || (target.className == 'reduce')) {
        console.log(1);
        $.ajax({
            url: '../php/updatawq.php',
            data: {
                type: target.className,
                id: data[0]
            },
            success: function (res) {
                if (res.code) {
                    showTbody()
                    alert('操作成功')
                }
            },
            dataType: 'json'
        })
    }
})
// ...
$('.showImg').hover(function () {
    $('.bigImg').css('display', 'block')
    $('.hide').css('display', 'block')
}, function () {
    $('.bigImg').css('display', 'none')
    $('.hide').css('display', 'none')
}).mousemove(function (e) {
    var left = e.pageX - $(this).offset().left
        - $('.hide').width() / 2
    var top = e.pageY - $(this).offset().top
        - $('.hide').height() / 2
    if (left < 0) {
        left = 0
    } else if (left > $(this).innerWidth() - $('.hide').outerWidth()) {
        left = $(this).innerWidth() - $('.hide').outerWidth()
    }
    else if (top < 0) {
        top = 0
    }
    else if (top > $(this).innerHeight() - $('.hide').outerHeight()) {
        top = $(this).innerHeight() - $('.hide').outerHeight()
    }
    $('.hide').css({
        'top': top,
        'left': left
    })
    $('.bigImg').find('img').css({
        'top': -
            $('.bigImg').height() * top / $('.showImg').height(),
        'left': -
            $('.bigImg').width() * left / $('.showImg').width()
    })
})

var timer = setInterval(ms, 0)

$('.icon').click(function () {
    location.assign("../pages/cart.html")
})


